import styled from 'styled-components'
export const Container = styled.div`
    background-color: #eee;
    .enter{
        width: 1200px;
        height:150px;
        margin: 0px auto 20px;
        background: white;
        .enter_t{
            width: 1200px;
            height: 36px;
            padding-left:15px; 
            font-weight: 700;
            font-style: normal;
            font-size: 12px;
            color: #666666;
            text-align: left;
            line-height: 36px;
            border-bottom: 1px solid rgb(239 239 239);
            img{
                margin-right:5px; 
            }
            span{

            }
        }
        .enter_b{
            li{
                float: left;
                width: 230px;
                height: 114px;
                text-align:center;
                cursor: pointer;
                position:relative;
                img{
                    width: 32px;
                    height: 32px; 
                    margin-top: 20px;  
                }
                p{
                    font-size: 16px;
                    line-height: 45px;
                    color: #333333;
                }
                span{
                    position: absolute;
                    top: 20px;
                    left:140px;
                    display: block;
                    width: 20px;
                    height: 20px;
                    border-radius:50%;
                    background: #f66;
                    color: white;
                }
            }
            li:hover{
                background: #f9f9f9;
                p{
                    color: rgb(28, 144, 243);
                }
            }
        }
    }
    

`